import tpl from './tpl'
import Drag from './drag'

var $oMenu = $('.menu');
var $oStart = $('.start');
var $oStartMenu = $('.startMenu');
var imgArr = ['./img/083a53b7.bg.jpg', './img/img1.jpg', './img/img2.jpg', './img/img3.jpg', './img/img4.jpg', './img/img5.jpg'];
var iNow = 0;
var startOn = true;
var tonOff = true;
function init() {
    console.log('Author: Bin');
    this.one = $('.main .item').eq(0);
    this.two = $('.main .item').eq(1);
    this.three = $('.main .item').eq(2);
    this.four = $('.main .item').eq(3);
    this.five = $('.main .item').eq(4);
    this.six = $('.main .item').eq(5);
}
init.prototype = {
    // 点击全屏
    fullpage: function launchFullscreen(element) {
        if (element.requestFullscreen) {
            element.requestFullscreen();
        } else if (element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
        } else if (element.msRequestFullscreen) {
            element.msRequestFullscreen();
        } else if (element.webkitRequestFullscreen) {
            element.webkitRequestFullScreen();
        }
    },
    // 获取时间
    getTime: function time() {
        var now = new Date();
        var h = now.getHours();
        var m = now.getMinutes();
        var s = now.getSeconds();
        var y = now.getFullYear();
        var M = now.getMonth() + 1;
        var d = now.getDate();
        if (h < 10) {
            h = '0' + h;
        }
        if (m < 10) {
            m = '0' + m;
        }
        if (s < 10) {
            s = '0' + s;
        }
        if (M < 10) {
            M = '0' + M;
        }
        if (d < 10) {
            d = '0' + d;
        }
        $('.time').html(h + ':' + m + ':' + s + "<br>" + y + '/' + M + '/' + d);
    },
    // 退出
    fnExit: function () {
        $('.container').append(tpl.exit);
        $('.exitComp').parent('.modal').css({
            display: 'block'
        });
    },
    // 切换壁纸
    fnToggle: function () {
        $('.container').css({
            backgroundImage: 'url(' + imgArr[iNow] + ')',
        });
        if (iNow == imgArr.length - 1) {
            iNow = -1;
        }
        iNow++;
    },
    // 显示详细时间
    shouFullTime: function (e) {
        e.stopPropagation();
        if (tonOff) {
            $('.times').animate({
                top: -'552'
            })
        } else {
            $('.times').animate({
                top: '60'
            })
        }
        tonOff = !tonOff;
    },
    // 状态栏显示
    showStatus: function () {
        $('.statusBar li').each(function () {
            $(this).on('click',function () {
                var i = $(this).attr('data-i');
                $('.drag').eq(i).show()
            })
        })
    },
    // 桌面图标双击
    showItem: function (obj, cla) {
        $(obj).on('dblclick',function () {
            $(cla).show();
            // if(cla == '.media'){
            //     $('video').attr('src',$(this).attr('data-src'));
            // }
        })
    },
    // 放大
    big: function (obj) {
        $(obj).each(function () {
            $(this).on('click',function () {
                var objParent = $(this).parent().parent().parent();
                if (objParent.width() == 800) {
                    objParent.css({
                        width: '100%',
                        height: '90%'
                    })
                    $(this).html('<span class="icon-min"></span>');
                } else {
                    objParent.css({
                        width: '800',
                        height: '600'
                    })
                    $(this).html('<span class="icon-max"></span>');
                }
            })
        })
    },
    // 关闭每个x
    closeItem: function (obj1) {
        $(document).on('click', function () {
            $(obj1).each(function(){
                $(this).on('click', function () {
                    var objParent = $(this).parent().parent().parent();
                    var ind = objParent.attr('data-s');
                    objParent.hide();
                    if(ind == 2) {
                        $('.media video').get(0).pause();
                    }
                    if(ind == 3){
                        $('.music audio').get(0).pause();
                    }
                    $('.statusBar li').eq(ind).hide();
                })
            })
        })
    },
    // 缩小
    small: function () {
        $('.small').each(function () {
            $(this).on('click',function () {
                var objParent = $(this).parent().parent().parent();
                objParent.hide();
                $('.statusBar li').eq(objParent.attr('data-s')).show();
            })
        })
    },
    // 右击
    rClick: function (e) {
        e.preventDefault();
        var [oX, oY] = [e.pageX, e.pageY];
        if (e.which == 3) {
            $('.menu').css({
                display: 'block',
                left: oX,
                top: oY,
            })
        }
    },
    // 桌面单击
    dClick: function () {
        fn.fullpage(document.documentElement);
        $('.menu').hide();
        $oStartMenu.css({
            bottom: '-60%'
        });
        $('.times').animate({
            top: '60'
        })
        tonOff = true;
        startOn = true;
    },
    // 开始 菜单
    fnStart: function (e) {
        e.stopPropagation();

        if (startOn) {
            $oStartMenu.css({
                bottom: 50
            })
        } else {
            $oStartMenu.css({
                bottom: '-60%'
            })
        }
        startOn = !startOn;
    },
    // 右击显示公告
    showGg: function () {
        $('.showNotice').on('click',function () {
            $('.notice').show();
        })
    },
    // 输入框回车提交
    enterSubmit: function(cla){
        $(cla).find('input').on('keydown',function(e){
            if(e.keyCode == 13){
                var url = $(this).val();
                if(url.indexOf('http') == -1) {
                    url = 'http://' + url;
                }else if (url.indexOf('https') == -1){
                    url = 'https://' + url;
                }
                $(cla).find('iframe').attr('src',url);
            }
        })
    }
}
// 初始化
var fn = new init();
// 时间
fn.getTime();
setInterval(function () {
    fn.getTime();
}, 1000);
// 退出
$('.exit').on('click', fn.fnExit);
// 切换壁纸
$('.toggle').on('click', fn.fnToggle);
// 显示详细时间
$('.time').on('click', fn.shouFullTime);
// 状态栏
fn.showStatus();
// 桌面图标双击
fn.showItem(fn.one, '.comp');
fn.showItem(fn.two, '.browser');
fn.showItem(fn.three, '.wzq');
fn.showItem(fn.four, '.dzk');
fn.showItem(fn.five, '.zwdzjs');
fn.showItem(fn.six, '.two');
// 放大
fn.big('.big');
// 关闭每个x
fn.closeItem('.close');
// 缩小
fn.small();
// 右击
$(document).on('contextmenu', fn.rClick);
// 右击显示公告
fn.showGg();
// 桌面单击
$(document).on('click', fn.dClick);
// 开始菜单
$oStart.on('click', fn.fnStart);
// 输入框回车提交
fn.enterSubmit('.browser');
fn.enterSubmit('.wzq');
fn.enterSubmit('.dzk');
fn.enterSubmit('.zwdzjs');
// 拖拽
$('.main .item').each(function () {
    var dragItem = new Drag($(this));
    dragItem;
})
$('.drag').each(function () {
    var dragD = new Drag($(this));
    dragD;
});



// 输入框获取光标
$('.inputBox').click(function(){
    $(this).find('input').focus();
});


$('.dbl li').each(function () {
    $(this).on('dblclick',function () {
        var thisParent = $(this).parent().parent();
        var ind = $(this).attr('data-pos');
        if($(this).attr('video-src')){
            $('.media').show();
            $('.media video').attr('src',$(this).attr('video-src'));
            $('.media video').get(0).play();
        } else if($(this).attr('music-src')){
            $('.music').show();
            $('.music audio').attr('src',$(this).attr('music-src'));
            $('.music audio').get(0).play();
        } else if($(this).attr('img-src')){
            $('.image').show();
            $('.image img').attr('src',$(this).attr('img-src'));
        }
        else {
            thisParent.hide();
            $('.dbl').eq(ind).show();
        }
    })
})

$('.left dt').each(function () {
    $(this).on('click',function () {
        var ind = $(this).attr('data-w');
        $('.dbl').eq(ind).show().siblings().hide();
    })
})
$('.left dd').each(function () {
    $(this).on('click',function () {
        var ind = $(this).attr('data-w');
        $('.dbl').eq(ind).show().siblings().hide();
    })
})

$('.cTitle').on('click',function () {
    $('.parent').show().siblings().hide();
})
